<template>
  <div>
    <g-layout :isShowLeftSider="false">
      <template #content>
        <div class="content-container">
          <!-- <div>{{ getEnumDisplayName('枚举变量名', '值') }}</div> -->
          <g-enum
            type="select"
            :value="value"
            :optionMenu="'DynamicMenuOpenEnum'"
            @valueChange="valueChange($event)"
            :placeholder="placeholder"
          />
          <div style="margin: 20px 0"></div>
          <g-enum
            type="radio"
            :value="value"
            :optionMenu="'DynamicMenuOpenEnum'"
            @valueChange="valueChange($event)"
            :placeholder="placeholder"
          />
        </div>
      </template>
    </g-layout>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';
  import IndexMixin from './index-mixin';
  export default defineComponent({
    name: 'enums',
    mixins: [IndexMixin],
  });
</script>

<style lang="less" scoped>
  .content-container {
    padding: 16px;
  }
</style>
